/* 首页 */
#page-home {
    padding-bottom: 30px;
}

.home-menu-list {
    width: 960px;
    margin:  0 auto;
}
.home-menu-list li {float: left;
    width: 240px;
   padding-top: 30px;
}
.home-menu-list li a,
.home-menu-list li a:hover {
    margin: 0 auto;
    display: block;
    width: 220px;
    height: 210px;
    background-color: #fff;
    text-decoration: none;
	box-shadow:0px 2px 21px 0px rgba(0,0,0,0.03);
	border-radius:4px;
	text-decoration: none;
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}


.home-menu-list li a:hover {

box-shadow:0px 2px 17px 0px rgba(161,161,161,0.75);

}


.home-menu-list li a:hover .classSubName {
	-webkit-transform: translate(0, 30%);
	transform: translate(0, 30%);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 1;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%, -50%);
}
.home-menu-list li a:hover .ico-item,
.home-menu-list li a:hover .className {
	
	opacity: 0;
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}




.home-item {position: relative;height: 100%;width:100%;}
.ico-item{text-align: center;padding: 48px 0 36px 0px;}
.ico-item img {
    width:60px;height: 60px;display: block;
    margin: 0 auto;
}
.className {

font-size:22px;
text-align: center;
font-weight:500;
color:#666666;
-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.classSubName {
    opacity: 0;
    position:absolute;
    left:50%;
    top:50%;
   
    transform: translate(-50%, -50%);
}
.classSubName p {
font-size:16px;
font-weight:500;
color:#666666;
line-height:22px;
position: relative;
padding-left:12px;
white-space: nowrap
}
.classSubName p::before{
    position: absolute;
    content: "";
    width:6px;
height:6px;
background:#666;
border-radius: 6px;
left: 0;
top:9.5px;
}

.no-menu {
	font-size:18px;
	color:#999;text-align:center;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
}

.icon-home-sider {
    background: url(../images/icon/sider/home.png) no-repeat center;
}
.cur .icon-home-sider {
    background: url(../images/icon/siderCur/home.png) no-repeat center;
}

/***************************icon start*******************************************************/

/*系统管理*/	
.icon-system-home {
	background: url(../images/icon/home/system.png) no-repeat center;
}
.icon-system-sider {
	background: url(../images/icon/sider/system.png) no-repeat center;
}
.cur .icon-system-sider{
	background: url(../images/icon/siderCur/system.png) no-repeat center;
}

/*客户管理*/
.icon-user-home {
    background: url(../images/icon/home/user.png) no-repeat center;
}
.icon-user-sider {
    background: url(../images/icon/sider/user.png) no-repeat center;
}
.cur .icon-user-sider {
    background: url(../images/icon/siderCur/user.png) no-repeat center;
}

/*会员管理*/	
.icon-vip-home {
	 background: url(../images/icon/home/vip.png) no-repeat center;
}
.icon-vip-sider {
	 background: url(../images/icon/sider/vip.png) no-repeat center;
}
.cur .icon-vip-sider {
	 background: url(../images/icon/siderCur/vip.png) no-repeat center;
}

/*数据管理*/
.icon-data-home {
	background: url(../images/icon/home/data.png) no-repeat center;
}
.icon-data-sider {
	background: url(../images/icon/sider/data.png) no-repeat center;
}
.cur .icon-data-sider {
	background: url(../images/icon/siderCur/data.png) no-repeat center;
}

/*记录管理*/	
.icon-record-home {
	background: url(../images/icon/home/record.png) no-repeat center;
}
.icon-record-sider {
	background: url(../images/icon/sider/record.png) no-repeat center;
}
.cur .icon-record-sider {
	background: url(../images/icon/siderCur/record.png) no-repeat center;
}

/*卡卷管理*/	
.icon-card-home {
	background: url(../images/icon/home/card.png) no-repeat center;
}
.icon-card-sider {
	background: url(../images/icon/sider/card.png) no-repeat center;
}
.cur .icon-card-sider {
	background: url(../images/icon/siderCur/card.png) no-repeat center;
}

/*商品管理*/	
.icon-bag-home {
	background: url(../images/icon/home/bag.png) no-repeat center;
}
.icon-bag-sider {
	background: url(../images/icon/sider/bag.png) no-repeat center;
}
.cur .icon-bag-sider {
	background: url(../images/icon/siderCur/bag.png) no-repeat center;
}

/*订单管理*/
.icon-order-home {
	background: url(../images/icon/home/order.png) no-repeat center;
}
.icon-order-sider {
	background: url(../images/icon/sider/order.png) no-repeat center;
}
.cur .icon-order-sider {
	background: url(../images/icon/siderCur/order.png) no-repeat center;
}

/*定制管理*/	
.icon-page-home {
	background: url(../images/icon/home/page.png) no-repeat center;
}
.icon-page-sider {
	background: url(../images/icon/sider/page.png) no-repeat center;
}
.cur .icon-page-sider {
	background: url(../images/icon/siderCur/page.png) no-repeat center;
}

/*账户管理*/	
.icon-account-home {
	background: url(../images/icon/home/account.png) no-repeat center;
}
.icon-account-sider {
	background: url(../images/icon/sider/account.png) no-repeat center;
}
.cur .icon-account-sider {
	background: url(../images/icon/siderCur/account.png) no-repeat center;
}

/*内容管理*/	
.icon-content-home {
	background: url(../images/icon/home/content.png) no-repeat center;
}
.icon-content-sider {
	background: url(../images/icon/sider/content.png) no-repeat center;
}
.cur .icon-content-sider {
	background: url(../images/icon/siderCur/content.png) no-repeat center;
}

/*财务管理*/	
.icon-finance-home {
	background: url(../images/icon/home/finance.png) no-repeat center;
}
.icon-finance-sider {
	background: url(../images/icon/sider/finance.png) no-repeat center;
}
.cur .icon-finance-sider {
	background: url(../images/icon/siderCur/finance.png) no-repeat center;
}

/*福利管理*/	
.icon-welfare-home {
	background: url(../images/icon/home/welfare.png) no-repeat center;
}
.icon-welfare-sider {
	background: url(../images/icon/sider/welfare.png) no-repeat center;
}
.cur .icon-welfare-sider {
	background: url(../images/icon/siderCur/welfare.png) no-repeat center;
}

/*团队管理*/	
.icon-team-home {
	background: url(../images/icon/home/team.png) no-repeat center;
}
.icon-team-sider {
	background: url(../images/icon/sider/team.png) no-repeat center;
}
.cur .icon-team-sider {
	background: url(../images/icon/siderCur/team.png) no-repeat center;
}

/*团队管理*/	
.icon-product-home {
	background: url(../images/icon/home/product.png) no-repeat center;
}
.icon-product-sider {
	background: url(../images/icon/sider/product.png) no-repeat center;
}
.cur .icon-product-sider {
	background: url(../images/icon/siderCur/product.png) no-repeat center;
}

/*团队管理*/	
.icon-work-home {
	background: url(../images/icon/home/work.png) no-repeat center;
}
.icon-work-sider {
	background: url(../images/icon/sider/work.png) no-repeat center;
}
.cur .icon-work-sider {
	background: url(../images/icon/siderCur/work.png) no-repeat center;
}

/*团队管理*/	
.icon-customer-home {
	background: url(../images/icon/home/customer.png) no-repeat center;
}
.icon-customer-sider {
	background: url(../images/icon/sider/customer.png) no-repeat center;
}
.cur .icon-customer-sider {
	background: url(../images/icon/siderCur/customer.png) no-repeat center;
}

/*团队管理*/	
.icon-store-home {
	background: url(../images/icon/home/store.png) no-repeat center;
}
.icon-store-sider {
	background: url(../images/icon/sider/store.png) no-repeat center;
}
.cur .icon-store-sider {
	background: url(../images/icon/siderCur/store.png) no-repeat center;
}

.icon-bill-home {
	background: url(../images/icon/home/bill.png) no-repeat center;
}
.icon-bill-sider {
	background: url(../images/icon/sider/bill.png) no-repeat center;
}
.cur .icon-bill-sider {
	background: url(../images/icon/siderCur/bill.png) no-repeat center;
}

.icon-purchase-home {
	background: url(../images/icon/home/purchase.png) no-repeat center;
}
.icon-purchase-sider {
	background: url(../images/icon/sider/purchase.png) no-repeat center;
}
.cur .icon-purchase-sider {
	background: url(../images/icon/siderCur/purchase.png) no-repeat center;
}

.icon-resell-home {
	background: url(../images/icon/home/resell.png) no-repeat center;
}
.icon-resell-sider {
	background: url(../images/icon/sider/resell.png) no-repeat center;
}
.cur .icon-resell-sider {
	background: url(../images/icon/siderCur/resell.png) no-repeat center;
}

.icon-wallet-home {
	background: url(../images/icon/home/wallet.png) no-repeat center;
}
.icon-wallet-sider {
	background: url(../images/icon/sider/wallet.png) no-repeat center;
}
.cur .icon-wallet-sider {
	background: url(../images/icon/siderCur/wallet.png) no-repeat center;
}

.icon-aftersale-home {
	background: url(../images/icon/home/aftersale.png) no-repeat center;
}
.icon-aftersale-sider {
	background: url(../images/icon/sider/aftersale.png) no-repeat center;
}
.cur .icon-aftersale-sider {
	background: url(../images/icon/siderCur/aftersale.png) no-repeat center;
}

/***************************icon end *******************************************************/

.cur .icon-sider,
.icon-sider {
	display: block;
    width:30px;
    height: 30px;
    background-size:30px;
    margin:0 auto;
}

.icon-home {
	display: block;
    width:54px;
    height: 54px;
    background-size:54px;
    
    margin:0 auto;
}

.icon-help {
	width:24px;height:24px;
	display:none;
	background: url(../images/icon/help.png) no-repeat center;
	background-size:24px;
	text-indent:-999em;
	margin-left:6px;
}

.icon-sideSub {
	display: block;
    width:22px;
    height: 22px;
    background-size:22px;
    margin:0 auto;
}